<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html lang="en">
<head>

	<meta charset="utf-8" />
	<title>Metronic | Form Stuff - Form Components</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	<link href="../media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/style-metro.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link href="../media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/style-metro.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<link href="../media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
	
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN PAGE LEVEL STYLES -->
	<link rel="stylesheet" type="text/css" href="../media/css/jquery.gritter.css" />
	<link rel="stylesheet" type="text/css" href="../media/css/chosen.css" />
	<link rel="stylesheet" type="text/css" href="../media/css/select2_metro.css" />
	<link rel="stylesheet" type="text/css" href="../media/css/jquery.tagsinput.css" />
	<link rel="stylesheet" type="text/css" href="../media/css/multi-select-metro.css" />
	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="media/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

	<!-- BEGIN HEADER -->
	<jsp:include page="../include/admin_head.jsp"/>
	<!-- END HEADER -->

	<!-- BEGIN CONTAINER -->
	<div class="page-container row-fluid">
		<!-- BEGIN SIDEBAR -->
		<jsp:include page="../include/admin_sidebar.jsp"/>
		<!-- END SIDEBAR -->

		<!-- BEGIN PAGE -->  

		<div class="page-content">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">

				<!-- BEGIN PAGE HEADER-->   

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN STYLE CUSTOMIZER -->
						<jsp:include page="../include/admin_tool.jsp"/>				
						<!-- END BEGIN STYLE CUSTOMIZER -->   

						<h3 class="page-title">
							写博客
							 <small>我知我罪，我罪常在我前。</small>
						</h3>
						<!-- 导航 
						<ul class="breadcrumb">
							<li>
								<i class="icon-home"></i>
								<a href="index.html">Home</a> 
								<span class="icon-angle-right"></span>
							</li>
							<li>
								<a href="#">Form Stuff</a>
								<span class="icon-angle-right"></span>
							</li>
							<li><a href="#">Form Components</a></li>
						</ul>
						-->
					</div>
				</div>
				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN SAMPLE FORM PORTLET-->   
						<div class="portlet box blue">
							<div class="portlet-title">
								<div class="caption"><i class="icon-reorder"></i>Writing.....</div>							
							</div>

							<div class="portlet-body form">
								<!-- BEGIN FORM-->
								<form action="addBlog.do" method="post" class="form-horizontal">									
									<div class="control-group">
										<label class="control-label">题目：</label>
										<div class="controls">
											<input type="text" name="blogTitle" class="span6 m-wrap popovers" data-trigger="hover" data-content="少于20字" data-original-title="题目" />
										</div>
									</div>																
									<div class="control-group">
										<label class="control-label">标题：</label>
										<div class="controls">
											<select class="span6 " id="themeList" name="theme.id" tabindex="1">
												<option value="">选择标题</option>
												<c:forEach var="theme" items="${themeList }" varStatus="status">
													<option value="${theme.id }">${theme.themeName }</option>
												</c:forEach>
											</select>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label">标签：</label>
										<div class="controls">
											<select  class="chosen span6" id="tag"  name="tags" multiple="multiple" tabindex="6">
												<c:forEach var="tag" items="${tagList }" varStatus="status">
													<option value="${tag.id }">${tag.tagName }</option>
												</c:forEach>						
											</select>
										</div>
									</div>																	
									<div >															
										<div class="">
											<textarea name="blogContent" rows="6" style="width：300px; height: 500px" class="form-control ncontent"
												id="container">
											</textarea>
										</div>
									</div>		
									<div class="form-actions">
										<button type="submit" class="btn blue">Submit</button>
										<button type="button" class="btn">Cancel</button>                            
									</div>
								</form>				
								<!-- END FORM-->       
							</div>
						</div>
						<!-- END SAMPLE FORM PORTLET-->
						
					</div>
				</div>
				<!-- END PAGE CONTENT-->         
			</div>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE -->  
	</div>
	<!-- END CONTAINER -->
	
	<!-- BEGIN FOOTER -->
	<jsp:include page="../include/admin_foot.jsp"/>
	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->
	<script src="../media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
	<script src="../media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
	<script src="../media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      
	<script src="../media/js/bootstrap.min.js" type="text/javascript"></script>


	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript" src="../media/js/chosen.jquery.min.js"></script>
	<script type="text/javascript" src="../media/js/select2.min.js"></script>
	<script type="text/javascript" src="../media/js/wysihtml5-0.3.0.js"></script> 
	<script type="text/javascript" src="../media/js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="../media/js/bootstrap-datetimepicker.js"></script>

	<script type="text/javascript" src="../media/js/jquery.inputmask.bundle.min.js"></script>   
	<script type="text/javascript" src="../media/js/jquery.input-ip-address-control-1.0.min.js"></script>
	<script type="text/javascript" src="../media/js/jquery.multi-select.js"></script>   
	<script src="../media/js/bootstrap-modal.js" type="text/javascript" ></script>


	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="../media/js/app.js"></script>
	<script src="../media/js/form-components.js"></script>     

	<!-- END PAGE LEVEL SCRIPTS -->

   <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
	<script>
	 	//文本编辑
	  	 var ue = UE.getEditor('container');
	 	
		jQuery(document).ready(function() {       

		   // initiate layout and plugins

		   App.init();

		   FormComponents.init();

		  
		   $("#sidebar > li[title='writing']").addClass("start active");	   
		});

	</script>

	<!-- END JAVASCRIPTS -->   

<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>

<!-- END BODY -->

</html>